/* !# Reset  --------------------------------------------------------- */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/* !# Header --------------------------------------------------------- */

#header h1 {
	margin: 2px 20px 4px -6px;
	position: absolute;
	text-indent: -9999px;
	width: 80px;
}

#header h1 a {
	background: #0075b5 url(../images/gravatar-sprite.png?=2) no-repeat 6px 6px;
	_background-image: url(../images/gravatar-sprite-ie6.png?=2) !important;
	_background-repeat: repeat !important;
	display: block;
	float: left;
	height: 24px;
	overflow: hidden;
	padding: 6px;
	width: 101px;
	
}

#header h1 a:hover {
/*-moz-box-shadow: 0 1px 2px #333;*/
-moz-opacity:.80;
filter: alpha(opacity=80);
opacity: .80;
}

#header a {
	color: #FFF;
}

#header a:hover {
	color: #fff;
}

#header img {
	margin: 2px;
	position: absolute;
}

#header {
	background: #000;
	height: 50px;
	padding:10px ;
	margin: 0 0 20px;
	-moz-box-shadow: 0 1px 3px #444;
	-o-box-shadow: 0 1px 3px #444;
	-webkit-box-shadow: 0 1px 3px #444;
	-khtml-box-shadow: 0 1px 3px #444;
	box-shadow: 0 1px 3px #444;
	border-bottom:5px solid #ec1559;
}

#header-centro {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
	
#barra-usuario{
	float:right;
	font: 13px Verdana;
	color:#FFF;
	}

#logo {
    background-image: url(../img/logo-dulcescreen.png);
    background-repeat:no-repeat; 
    float:left;
    width: 250px;
    height: 50px;
    padding-right: 30px;
    margin-top: -20px;
}

/* !# Menu --------------------------------------------------------*/

#nav {
	display: block;
	height: 24px;
	margin: 23px 0;
        font-family: 'Droid Sans', sans-serif;	

}

#nav li {
	float: left;
	margin-right: 4px;
       
}

#nav li a,
#nav li span {
	float: left;
	display: block;
	padding: 0 12px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

}

#nav li span {
	background: #ff0056;
	color: #fff;
	cursor: default;
}

#nav li a {
	color: #ccc;
         background-color: #474747;
        border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
         text-decoration:none;
}

#nav li a:hover {
	color: #fff;
	text-decoration: none;
}






/* !# main  --------------------------------------------------------*/

h1 {
font-size: 28px;
color: black;
font-family: sans-serif;
font-weight: bold;
word-spacing: normal;
}

#main {
	font-family: 'Droid Sans', sans-serif;
        width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	padding: 0 0 300px;
}

#main h1{
	font-size:24px;
}

#campo{
	font-size:24px;
}

.centrar-main
{
	text-align:center;
}

.right {
	float:right;
}

.left {
	float:left;
}
.clear {
clear: both;
height: 0;
}

.panel {
	background-color: #e5e5e3;
	width: 392px;
	margin: 0 10px 10px;
	padding: 24px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

panel h1 {
margin-bottom: 20px;
}

#ver-imgs {
line-height: 0;
background-color: #cecece;
width: 388px;
padding: 1px;
margin: 0 auto;
word-spacing: -1em;
}

#ver-imgs img {
width: 70px;
height: 70px;
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: .5;
margin: 1px;
background-color: #2B2B2B;
}


/* !# Pie --------------------------------------------------------*/

#footer {
	height: 50px;
	margin: -300px auto 0;
	margin-top:10px;
	border-top:5px solid #ec1559;
}
#footer-centro {
	margin-top:10px;
	text-align:center;
	font: 13px Verdana;
	
}